<script type="text/javascript" charset="utf-8">
        // tabbed forms box
        $(function () {ldelim}
            var tabContainers = $('div#forms > div.innerContent'); // change div#forms to your new div id (example:div#pages) if you want to use tabs on another page or div.
            tabContainers.hide().filter(':first').show();

            $('ul.switcherTabs a').click(function () {ldelim}
                tabContainers.hide();
                tabContainers.filter(this.hash).show();
                $('ul.switcherTabs li').removeClass('selected');
                $(this).parent().addClass('selected');
                return false;
            {rdelim}).filter(':first').click();
        {rdelim});

        function checkForm()
        {ldelim}
        	//return true;
            var accessName = jQuery.trim($('#access_name').val());
            var re = /^[a-zA-Z0-9]{ldelim}5,16{rdelim}$/;
            if (accessName == '') {ldelim}
                alert('##SETTING_USR_JS_AC_NAME##');
                return false;
            {rdelim}

            if (!re.test(accessName)) {ldelim}
                alert('##SETTING_USR_JS_ALPHA_CHAR##');
                return false;
            {rdelim}
            // Check email
            var email = jQuery.trim($('#email').val());
            if (!isValidEmail(email)) {ldelim}
                alert('##SETTING_USR_JS_EMAIL_INVALID##');
                return false;
            {rdelim}
            // Check old pwd
            var old_pwd = jQuery.trim($('#old_pwd').val());
            if (old_pwd == '') {ldelim}
                alert('##SETTING_USR_JS_OLD_PWD_EMPTY##');
                return false;
            {rdelim}
            // Check new pwd
            var new_pwd = jQuery.trim($('#new_pwd').val());
            var retype_pwd = jQuery.trim($('#retype_pwd').val());
            if (new_pwd == '') {ldelim}
                alert('##SETTING_USR_JS_NEW_PWD_EMPTY##');
                return false;
            {rdelim}

            if (new_pwd.length < 6) {ldelim}
				alert('##SETTING_USR_JS_LESS_CHAR##');
				return false;
            {rdelim}
            if (retype_pwd == '') {ldelim}
                alert('##SETTING_USR_JS_RETYPE_PWD_EMPTY##');
                return false;
            {rdelim}

            if (new_pwd != retype_pwd) {ldelim}
                alert('##SETTING_USR_JS_RETYPE_NOT_MATCH##');
                return false;
            {rdelim}
            return true;
        {rdelim}

        function executeCancel()
        {ldelim}
            window.history.back(-1);
        {rdelim}
        /**
         * isValidEmail
         *
         * This function will check email. Return true if valid and false if invalid
         */
        function isValidEmail(emailAddress) {ldelim}

            var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{ldelim}0,66{rdelim})\.([a-z]{ldelim}2,6{rdelim}(?:\.[a-z]{ldelim}2{rdelim})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{ldelim}2{rdelim}\.|[0-9]{ldelim}1,2{rdelim}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{ldelim}2{rdelim}|[0-9]{ldelim}1,2{rdelim})\.){ldelim}2{rdelim}(25[0-5]|2[0-4][0-9]|1[0-9]{ldelim}2{rdelim}|[0-9]{ldelim}1,2{rdelim})\]?$)/i);

            return pattern.test(emailAddress);

        {rdelim}
</script>

<div id="leftBox">

<div class="{$clsType}Box" style="display:{$msgBoxDisp}">
  <div class="{$clsType}BoxTop">&nbsp;</div>
    {foreach from=$messages item=arrMsg}
        {foreach from=$arrMsg item=msg}
        <div class="msgBoxContent {$clsIcon}">
        <p>{$msg}</p>
        </div>
      {/foreach}
    {/foreach}
</div>

<form id="mainForm" name="mainForm" method="post" action="{$actionForm}">
<div class="contentBox" id="forms">
  <div class="contentBoxTop">
    <h3>##SETTING_USR_MAN##</h3>
  </div>

      <div class="innerContent" id="box-{$arrLang.id}">

          <p>##SETTING_USR_ACCESS_NAME## <font color="#FF0000">(*)</font><br>
          <label class="smallInput">
            <input type="text" name="access_name" id="access_name" value="{$userInfo->user_access}" style="width:168px;">
          </label>
          </p>
          <p>##SETTING_USR_FULL_NAME##<br>
          <label class="smallInput">
            <input type="text" name="f_name" id="f_name" value="{$userInfo->user_name|escape}" style="width:168px;">
          </label>
          </p>
          <p>##SETTING_USR_EMAIL## <font color="#FF0000">(*)</font><br>
          <label class="smallInput">
            <input type="text" name="email" id="email" value="{$userInfo->user_email}" style="width:168px;">
          </label>
          </p>
          <p>##SETTING_USR_OLD_PWD## <font color="#FF0000">(*)</font><br>
          <label class="smallInput">
            <input type="password" name="old_pwd" id="old_pwd" value="" style="width:168px;">
          </label>
          </p>
          <p>##SETTING_USR_NEW_PWD## <font color="#FF0000">(*)</font><br>
          <label class="smallInput">
            <input type="password" name="new_pwd" id="new_pwd" value="" style="width:168px;">
          </label>
          </p>
          <p>##SETTING_USR_RETYPE_PWD##<br>
          <label class="smallInput">
            <input type="password" name="retype_pwd" id="retype_pwd" value="" style="width:168px;">
          </label>
          </p>
          <p>
            <input name="" type="image" src="{$base_media}/images/bt_submit.gif" onclick="return checkForm();" />
          </p>

      </div>

</div>

</form>
</div>
<!-- end of #sidebar -->
